<ion-view view-title="贴身秘密素材库">
  <div class="no-data" ng-show="categories === undefined && banners === undefined">
    o(╯□╰)o 没有数据
  </div>
  <ion-content style="background-color: #f1f1f1;">
    <div style="height: 250px;">
      <div class="home-banner-size"
           ng-show="showBlank"
           style="background:url(img/ic_logo@2x.png) no-repeat center; -webkit-background-size: cover;background-size: cover;">
      </div>
      <ks-swiper-container initial-slide="0" autoplay="3000" speed="1000" loop="true" show-nav-buttons="false"
                           slides-per-view="1" space-between="0" pagination-clickable="false"
                           override-parameters="{effect: 'slide'}" pagination-is-active="true"
                           swiper="swiper" on-ready="onReadySwiper(swiper)">
        <ks-swiper-slide class="swiper-slide" ng-repeat="banner in banners">
          <div class="home-banner-size"
               ui-sref="material-detail({material_id:banner.id})"
               style="background:url({{banners.length > 0 ? toAbsoluteUrl(banner.cover) : 'img/ic_logo@2x.png'}}) no-repeat center;-webkit-background-size: cover;background-size: cover;"></div>
        </ks-swiper-slide>
      </ks-swiper-container>
    </div>

    <!--  素材分类  -->
    <div class="flex-wrap-container home-category" style="margin-top: 1px;">
      <div ng-repeat="item in categories"
           class="flex-wrap-item-4 home-category-item"
           align="center"
           ui-sref="subcategorylist({category_id:item.id})">
        <img src="{{toAbsoluteUrl(item.thumb_image)}}" width="50px" height="50px"/>
        <div style="font-weight: bold;" class="text-color-dark text-size-14">{{item.name}}</div>
      </div>
    </div>
  </ion-content>
</ion-view>
